/* Remove Float */
.clear { display:block; height:0; overflow:hidden; clear:both; }
.clefix:after { content:'\20'; display:block; height:0; clear:both; }
.clefix { *zoom:1; }
/* Common Features */
.hidden { display:none; }
.invisible { visibility:hidden; }
/* �������� TM_*   */
.TM_flow { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.TM_hover:hover { text-decoration:underline; }
.icon { display:inline-block;  width:4px; height:4px; border-radius:50%; background-color:#fff; }
.icon-disc { margin-top:33px; }
.TM-icon { display:inline-block; background:url(../images/sprite.png) -99999px -99999px no-repeat; }
.icon-announce { background-position:-56px -10px; }
.icon-agent { background-position:-56px -50px; }
.icon-mailist { background-position:-56px -89px; }
.icon-crmmessage { background-position:-56px -129px; }
.icon-quicklinks {background-position:-101px -169px;}
.icon-certificate {background-position:-101px -220px;}
.icon-index { width:16px; height:16px; background-position:-11px -59px; }
.icon-crm { width:18px; height:18px; background-position:-11px -80px; }
.icon-finance { width:16px; height:18px; background-position:-11px -105px; }
.icon-hr { width:20px; height:18px; background-position:-11px -129px; }
.icon-horn { width:19px; height:17px; background-position:-11px -179px; margin-top:26px; }
.icon-system { width:19px; height:19px; background-position:-11px -155px; }
.icon-topicCRM { width:43px; height:42px; background-position:-105px -10px; vertical-align:middle; margin:1px -6px 0 0; }
.icon-bell { width:17px; height:16px; background-position:-105px -110px!important; margin:-4px 4px 0 0; vertical-align:middle; }
/*header*/
.layui-header.header { background:url(../images/top-bg.png); color:#fff; border-bottom:none; background-size:cover; height:70px; }
.layui-header.header a { color:#fff; }
.header-demo .layui-nav .layui-nav-item a { color:#fff; }
.header-demo .layui-nav .layui-nav-item a:hover { color:#fff; }
.header-demo .layui-nav .layui-this:after, .header-demo .layui-nav-bar  { background-color:#d2d2d2; }
.header-demo .layui-nav .layui-nav-item .layui-nav-child a { color:#999; }
.header-demo .layui-nav .TM-icon { width:34px; height:34px; }
.header-demo .TM-icon { vertical-align:middle; }
.layui-nav-child { left:-1px; }
.admin-login-box { width:285px; }

.notice-box { line-height:70px; position:absolute; top:0; height:70px; left:370px; }
.notice-box>i { float:left; line-height:70px; margin-right:12px; }
.notice-box>ul { height:70px; float:left; margin-left:-7px; overflow: hidden; }
#TM-layui-notice { dispaly:none; }
.layer-notice-box { margin:20px 90px 20px 20px; }
.layer-notice-box>ul>li { line-height:1.8; font-size:15px; }
.layer-notice-box .icon { vertical-align:middle; margin-top:-3px; background-color:#999; margin-right:5px; }
.header-demo .layui-nav .layui-this { background-color:#45a2ff!important; }
/*side*/
.layui-layout-admin .layui-side { padding-top:12px; }
.layui-nav-tree .layui-nav-bar { background-color:#41cf5e; }
.layui-nav,
.layui-bg-black { background-color:#f0f4fb; }
.layui-nav-itemed .layui-nav-child { background-color:#eaedf0; }
.layui-nav-itemed .layui-nav-child a:hover{ background:0 0;color:black; }
.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this>a { background-color:#d9dfe9; }
.layui-nav-item a cite { font-size:15px; }
.layui-nav-item .layui-nav-child a cite { font-size:13px; }
.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{background-color:#e0e5ed!important;color:#5b6c79!important}
.layui-nav-child dd.layui-this a { color:black;}
/*body*/
.admin-nav-card>.layui-tab-title .layui-this { background-color:#45a2ff; }
.admin-nav-card>.layui-tab-title { border-bottom:0; background:url(../images/title-bg.png) center repeat-x ; height:37px;}
.layui-tab-title { height:45px; }
.layui-tab-title>li { line-height:45px;  color:#999; }
.admin-nav-card>.layui-tab-title .layui-this { background:0; color:#45a2ff; }
.layui-tab-title .layui-this .layui-tab-close { color:; }

.Mask { position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; display:none; }
/*右边栏*/
.hots01 form { width:450px; margin:20px auto 0; }
.hots01 form div { margin:0 0 15px 0; position:relative; }
/*右边栏弹窗*/
.hots01 .cityPop .optionsList { margin:0; padding-top:10px; }
.hots01 .cityPop .optionsList ul { margin:5px  0 0 0; }
.hots01 .cityPop .optionsList ul li { padding:6px 20px; border-top-style:solid; }
.hots01 .cityPop .optionsList ul li + li { margin-left:-1px; }
.hots01 .cityPop .addrs-spanwrapper .hots { margin:0; padding:15px 15px 0 15px; }
.hots01 .cityPop .addrs-hide .hots { padding:0 5px 0 20px; }
.hots01 .cityPop .addrs-spanwrapper .citysOptions { padding:10px 5px; min-height:100px; }
.hots01 .cityPop .addrs-spanwrapper.addrs-hide h5 { background:0; height:auto; }
.hots01 .cityPop .addrs-inner .common-citys { padding:0; }
.hots01 .cityPop .addrs-inner .common-citys div.clefix { margin:0; }
.hots01 .cityPop .addrs-inner .city-lists { width:330px; margin:0; }
/*右边栏弹窗截止*/
.hots01 form .qf-area:after,
.hots01 form .qf-classify:after { position:absolute; right:13px; top:50%; margin:-3px 0 0 0; content:''; display:block; border:5px solid transparent; border-top-color:#45a2ff; }
.zizhi-wrap { display:none; top:42px; left:0; position:absolute !important; width:450px; border-radius:6px; color:#999; z-index:1000; border:1px solid #e5e5e5; background-color:#fff; -webkit-box-shadow:0 0 20px 0 #8FB0F3; box-shadow:0 0 20px 0 #8FB0F3; -ms-box-shadow:0 0 20px 0 #8FB0F3; -o-box-shadow:0 0 20px 0 #8FB0F3; }
.zizhi-wrap h5 { background-color:#e9eefc; height:38px; line-height:38px; }
.hots01 .cityPop .optionsList i,
.zizhi-wrap h5 i { display:inline-block; border:1px solid #45a2ff; width:18px; margin-top:7px; float:right; font-size:18px; height:18px; text-align:center; line-height:18px; cursor:pointer; color:#45a2ff; border-radius:100%; }
.hots01 .cityPop .optionsList i { position:absolute; top:9px; right:5px; }
.zizhi-wrap h5 span { display:inline-block; padding:0 35px; height:100%; cursor:pointer; }
.zizhi-wrap h5 span.active { color:#45a2ff; background-color:#fff; }
.zizhi-wrap .zizhi-lists { padding:20px 10px 15px 15px; margin:0; }
.zizhi-wrap .zizhi-lists div { margin:0; display:none; }
.zizhi-wrap .zizhi-lists div.active { display:block; }
.zizhi-wrap .zizhi-lists span { padding:0 9px; display:inline-block; cursor:pointer; margin:0 0 15px 10px; }
.zizhi-wrap .zizhi-lists span.active,
.zizhi-wrap .zizhi-lists span:hover { background-color:#45a2ff; color:#fff; }

.hots01 form input { border:1px solid #e5e5e5; color:#333; height:37px; padding:0 15px; border-radius:5px; width:220px; }
.hots01 form .xjBtn { width:100%; height:47px; color:#fff; font-size:18px; background-color:#ffae17; border:none; cursor:pointer; margin:16px 0 11px; }
.hots01 form .xjBtn:hover { box-shadow:0 0 25px #ffae17; -webkit-box-shadow:0 0 25px #ffae17; -ms-boxshadow:0 0 25px #ffae17; }
.hots02 .hots02-conta { padding:15px 15px 15px 25px; font-size:18px; }
.hots02 .qf-conta { float:right; }
.hots02 .qf-conta h5 { font-size:20px; color:#45a2ff; margin: 0 0 0 12px; }
.hots02 .qf-conta i { margin-right:15px; }
.hots02 .qf-conta .icon-tinyqq { margin-right:13px; }
.hots02 .qf-conta .icon-tinyemail { margin-right:10px; margin-left:13px; }
.hots02 .qf-ava { width:50px; height:50px; }
.hots03 div { padding:23px 23px 14px 23px ; font-size:16px; }
.hots03 div a { display:block; width:100%; height:45px; margin:0 0 15px 0; line-height:45px; text-align:center; border-radius:5px; color:#999933; background-color:#f3f3e4; }
.hots04 div a:hover,
.hots03 div a:hover { background-color:#999933; color:#fff; }
.hots04 div { padding:25px 18px 1px 0; font-size:16px; }
.hots04 div a { display:block; margin: 0 0 20px 21px; width:125px; height:38px; line-height:38px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:5px; text-align:center; float:left; color:#999933; background-color:#f3f3e4; }





/*地点弹窗*/
.addrs-wrapper { background-color:#fff; width:890px; height:380px; color:#333; }
/*.addrs-wrapper.wrapper-sizeReset { height:880px; }*/
.layui-layer.layui-layer-page .layui-layer-content { /*overflow:visible;*/ }
.addrs-wrapper .title { line-height:38px; height:38px; font-size:16px; padding-left:20px; background-color:#f1f1f1; border-bottom:1px solid #e7e7e7; }
.certifyAddrs-inner .hots,
.certifyAddrs-inner-02 .hots,
.certifyAddrs-inner-03 .hots,
.postCall-inner .hots,
.types-inner .hots,
.addrs-inner .hots { padding:25px 30px 0 30px; }
.hots h4 { font-size:20px; color:#45a2ff; }
.typeList,
.typeList-02,
.typeList-03,
.certifyAddrsList,
.certifyAddrsList-02,
.certifyAddrsList-03,
.postCallList,
.hot-certifyAddrs,
.hot-certifyAddrs-02,
.hot-certifyAddrs-03,
.hot-citys { height:35px; line-height:35px; padding-left:10px; }
.addrs-spanwrapper span { color:#999; padding:2px 10px; display:inline-block; cursor:pointer; margin-right:4px; margin-bottom:5px; white-space:nowrap; }
.types-inner-02.addrs-spanwrapper span,
.types-inner.addrs-spanwrapper span { margin-right:15px;  color:#333; }
.addrs-spanwrapper span:hover,
.addrs-spanwrapper span.active { color:#fff; background-color:#45a2ff; }
.common-postCall,
.common-certifyAddrs,
.common-certifyAddrs-02,
.common-certifyAddrs-03,
.common-types,
.common-types-02,
.common-types-03,
.common-citys { padding:20px 30px 7px 21px; line-height:2.2; }
.common-postCall div h6,
.common-certifyAddrs div h6,
.common-certifyAddrs-02 div h6,
.common-certifyAddrs-03 div h6,
.common-types div h6,
.common-types-02 div h6,
.common-types-03 div h6,
.common-citys div h6 { float:left; color:#333; width:85px; }
.common-postCall div .city-lists,
.common-certifyAddrs div .city-lists,
.common-certifyAddrs-02 div .city-lists,
.common-certifyAddrs-03 div .city-lists,
.common-types div .city-lists,
.common-types-02 div .city-lists,
.common-types-03 div .city-lists,
.common-citys div .city-lists { float:left; width:673px; }
.common-types div .city-lists { width:841px; }
.certifyAddrs-hide,
.certifyAddrs-hide-02,
.certifyAddrs-hide-03,
.postCall-hide,
.types-hide,
.types-hide-02, 
.types-hide-03,
.addrs-hide { display:none; }
.optionsList { height:40px; line-height:40px; border-bottom:1px solid #e8e7e7; padding:18px 30px 0 30px; color:#999; }
.optionsList li { float:left; width:100px; border:1px solid #e8e7e7; text-align:center; border-bottom:0; cursor:pointer; position:relative; z-index:10; }
.optionsList li.certifyAddrs,
.optionsList li.certifyAddrs-02,
.optionsList li.certifyAddrs-03,
.optionsList li.postCall,
.optionsList li.type,
.optionsList li.type-02,
.optionsList li.type-03,
.optionsList li.province { margin:0 0 0 15px; background-color:#fff; display:none; }




/*待办提醒*/
.TM-layui-tab1 { margin:15px; }
.TM-layui-tab1 .layui-btn { padding:0 8px; height:32px; line-height:32px; background-color:#45a2ff; }
.TM-layui-tab1 .site-table { margin:0; }
.TM-layui-tab1 .site-table thead { background-color:#d8eff7; }
.TM-layui-tab1 .admin-table-page { float:none; position:relative; background-color:#fff; border:none; margin-top:10px; }
.TM-layui-tab1 .admin-table-page .page { text-align:right; }
.layui-laypage .layui-laypage-curr .layui-laypage-em { background-color:#45a2ff; }

/*消息*/
.announce-item .layui-nav-item { position:relative; }
.redDot { display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#e24747; position:absolute; right:8px; top:24px; }

@-webkit-keyframes twinkling{ 0%{ opacity:0.1;} 100%{ opacity:1;  }}  
@keyframes twinkling{ 0%{opacity:0.1;} 100%{ opacity:1;} }  


 
 .scroll-text {
  width: 600px;
  height: 70px;
  overflow: hidden;
}
.scroll-text ul {
  width: 800px;
  height: 100px;
  overflow: hidden;
  margin: 0;
}
.scroll-text ul li {
  height: 1.5em;
}
.scroll-img {
  border: 1px solid red;
  width: 680px;
  height: 142px;
  overflow: hidden;
  font-size: 0;
}
.scroll-img ul {
  width: 700px;
  height: 600px;
  margin: 0;
}
.scroll-img ul li {
  display: inline-block;
  margin: 10px 0 10px 10px;
}
 